<template>
  <!-- 详情轮播图 -->
  <div class="detail-swiper">
    <swiper class="swiper-item">
        <swiper-item  v-for="(item,index) in topImages" :key="index">
        <img :src="item" alt=""/>
        {{index}}
        </swiper-item>
    </swiper>
  </div>
</template>

<script>
import { Swiper, SwiperItem } from '@/components/common/swiper'
export default {
name:'DetailSwiper',
components:{
 Swiper, 
 SwiperItem
},
//获取父传递的数据，数据的类型展示
props:{
    topImages: {
        type: Array,
        default() {
            return []
        }
    }
}
}
</script>

<style>
.swiper-item{
  height: 300px;
  overflow: hidden;
}
</style>